* {
    padding: 0;
    margin: 0;
}

body,
html {
    -webkit-touch-callout: none;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    outline: 0;
    /* position:relative */
}

ul {
    list-style: none;
}

a {
    color: #333;
}

.btn-round {
    border-radius: 30px !important;
}

.btn {
    padding: .375rem 1rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

.lug-bt {
    padding: 0px 0px;
    height: 36px;
    background: none;
    border: none;
    font-size: 18px;
}

.nav-link.active::after {
    border-bottom: 1px solid #fff;
}

.block-title-home {
    margin: 0px 0 30px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

.block-title-home h2 {
    font-size: 22px;
    border-bottom: 2px solid #da251c;
    padding: 0 0 20px;
    margin: 0;
    font-weight: bold;
}

.block-title-home a {
    color: #da251c;
}

.mySwiper .swiper-wrapper {
    flex-direction: column;
}

.title01 {
    font-size: 30px;
    font-weight: bold;
    color: #50a5da;
    padding: 10px;
    margin: 40px 0 30px;
    border-bottom: 2px solid #ddd;
    background: url(../img/bg-title01.jpg) left bottom 10px no-repeat;
}

.home-title h2::after {
    content: '';
    width: 60px;
    height: 4px;
    background: #da251c;
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translate(-50%, -50%);
}

.home-title span {
    font-size: 16px;
    color: #ddd;
    text-transform: uppercase;
    display: block;
    padding: 5px 0 0;
}

.btn-gray {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    margin: 60px auto 80px;
    display: block;
    background: #656f77;
    text-align: center;
}

.myTab {
    border-bottom: 2px solid #ddd;
    align-items: center;
    margin-top: 36px;
    padding: 0 0 0 20px;
}

.myTab a {
    padding: 15px 0px;
    font-size: 24px;
    color: #333;
    display: inline-block;
}

.myTab a.active {
    color: #50a5da;
    font-weight: bold;
    border-bottom: 3px solid #50a5da;
    position: relative;
}

.myTab a.active::after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 8px solid #50a5da;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 43%;
}

.myTab li {
    margin-right: 30px;
}

.myTabContent {
    padding: 0 0 0 20px;
}

.myTabContent .more{
    text-align: right;
    font-size: 14px;
    color: #4397f5;
    display: block;
    margin: 5px 0 0;
}

.graceTab {
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 5%;
    transform: translate(-50%, -5%);
    z-index: 7;
    border: none;
}

.graceTab li {
    margin-right: 1rem;
}

.graceTab a {
    padding: 1rem 2rem;
    font-size: 1.7rem;
    color: #333;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.graceTab a span {
    color: #333;
    z-index: 4;
    position: relative;
}

.graceTab a.active span {
    color: #fff;
    font-weight: bold;
    position: relative;
}

.graceTab a.active::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #50a5da;
    z-index: 3;
    transform: skewX(-20deg);
    z-index: 3;
}

.graceTab a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 3;
    transform: skewX(-20deg);
    z-index: 3;
}

.parallelogram {
    width: 200px;
    height: 100px;
    background-color: #ccc;
    transform: skewX(-20deg);
    position: relative;
}

.parallelogram::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 50px;
    height: 100%;
    background-color: #ccc;
    transform: skewX(20deg);
}





.grace-block {
    position: relative;
    z-index: 6;
}

.grace-block .swiper-slide .text-box {
    background: rgba(80, 165, 218, .8);
    color: #fff;
    padding: 3rem;
    position: absolute;
    top: 20%;
    left: 25%;
    width: 50%;
    text-align: left;
}

.grace-block .swiper-slide .text-box h4 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 3rem;
}

.grace-block .swiper-button-prev {
    left: 10%;
}

.grace-block .swiper-button-next {
    right: 10%;
}

.grace-block .swiper-button-prev:after,
.grace-block .swiper-button-next:after {
    font-size: 0;
}

.grace-block .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grace-block .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .grace-block .mySwiper01, .grace-block .mySwiper02, .grace-block .mySwiper03{
    height: 950px;
} */
.grace-block .swiper {
    width: 100%;
    margin-left: auto;
    height: 950px;
    margin-right: auto;
}

.grace-block .swiper-slide {
    background-size: cover;
    background-position: center;
}

.tab-content-grace {
    position: relative;
    z-index: 5;
}

.grace-block .mini-img {
    width: 70%;
    height: 19%;
    box-sizing: border-box;
    padding: 10px 0;
    position: absolute;
    bottom: 3rem;
    left: 15%;
    right: 15%;
}

.mini-img .swiper-slide {
    width: 25%;
    height: 100%;
    border: 3px solid rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 8;
}

.mini-img .swiper-slide::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.mini-img .swiper-slide-active {
    border-color: #fff;
}

.mini-img .swiper-slide-thumb-active::before {
    width: 0;
}

.mini-img .swiper-slide-thumb-active {
    opacity: 1;
}

.mini-img .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




/* bottom banner */
.index-banner2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 60px 0 0;
}


.index-banner2 .imgs {
    display: block;
    background: #0150d3;
    overflow: hidden;
    padding-bottom: 33%;
    position: relative;
}

.index-banner2 .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.index-banner2 img {
    object-fit: cover;
    transition: all .3s;
    width: 100%;
}

.index-banner2 .swiper-pagination {
    color: #fff;
    right: 10%;
    left: auto;
    width: 137px;
    top: 10%;
    z-index: 1;
    font-size: 16px;
}

.index-banner2 .swiper-pagination-current {
    font-size: 24px;
}

.index-banner2 .text-box {
    background: rgba(0, 0, 0, .35);
    height: 100%;
    width: 50%;
    z-index: 4;
    color: #FFF;
    padding: 70px 70px 0 15vw;
    position: absolute;
    left: 0;
    top: 0;
}

.index-banner2 .text-box h3 {
    color: #ddd;
    font-size: 36px;
}

.index-banner2 .text-box p {
    color: #ddd;
    font-size: 16px;
    margin: 40px 0;
}

.index-banner2 .swiper-button-next,
.index-banner2 .swiper-button-prev {
    top: 80%;
    color: #fff;
    background: none;
    z-index: 99;
}

.index-banner2 .swiper-button-prev {
    left: 340px;
}

.index-banner2 .swiper-button-next {
    right: 320px;
}

.childlist3{
    width:100%;
    height:60px;
}
.childlist3 p{
    padding:5px 10px;
    float: left;
    margin-left:20px;
    font-size: 18px;
}
.childlist3 .on{
    border-bottom: 1px solid #007bff;
}

.index-banner2 .swiper-button-next:after,
.index-banner2 .swiper-button-prev:after {
    font-size: 0px;
}

.index-banner2 .swiper-button-next i,
.index-banner2 .swiper-button-prev i {
    font-size: 45px;
    background: #262629;
    color: #49494b;
    border: 1px solid #999;
    border-radius: 50%;
    padding: 0 10px;
}

.index-banner2 .swiper-button-prev,
.index-banner2 .swiper-rtl .swiper-button-next {
    right: auto;
}

.index-banner2 .text-box button {
    min-width: 130px;
}


.hot-news {
    padding: 28px 0;
    display: flex;
    border-bottom: 1px dashed #e6e6e6;
}

.hot-news:hover {
    text-decoration: none;
    box-shadow: 3px 3px 3px #ddd;
    color: #50a5da;
}

#myTabContent a:hover,
.hot-news:hover a,
.tab-content>.active a {
    text-decoration: none;
}

.hot-news:hover h3,
.hot-news:hover p {
    color: #50a5da;
}

.hot-news .date {
    color: #50a5da;
    font-size: 14px;
    text-align: center;
    padding: 12px 15px;
    white-space: nowrap;
    background: #eee;
    margin-right: 20px;
}

.hot-news .date b {
    font-size: 30px;
    display: block;
    color: #50a5da;
    line-height: 1;
}

.hot-news h3 {
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
    color: #222;
}

.hot-news p {
    margin: 10px 0 0;
    color: #666;
}

.party-work {
    padding: 60px 0;
}

.party-work .hot-block {
    background: #f8f8f8;
    padding: 20px;
    display: flex;
}

.party-work .hot-block .date {
    border-right: 1px solid #ddd;
    color: #da251c;
    font-size: 16px;
    text-align: center;
    padding-right: 20px;
    white-space: nowrap;
}

.party-work .hot-block a {
    font-size: 16px;
    line-height: 30px;
    padding-left: 20px;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #333;
    font-weight: bold;
}



.news-list li {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 9px 0 10px 2rem;
    background: url(../img/icon-li.png) left center no-repeat;
    list-style-type: none;
}

.news-list li a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-list li span {
    color: #999;
    white-space: nowrap;
}

.product-center {
    padding: 60px 0;
}

.product-block {
    width: 296px;
    background: #eee;
    text-align: center;
}

.product-block p {
    padding: 10px 0;
    margin: 0;
}

.product-block a {
    color: #333;
}

.product-block .img-block {
    overflow: hidden;
    height: 193px;
}

.product-block .img-block img {
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    width: 100%;
}

.product-block:hover img {
    transform: scale(1.1);
}

.m-tab-f01 {
    position: absolute;
    bottom: 110px;
    left: 20%;
    right: 20%;
    z-index: 1;
}

.m-tab-f01 .line {
    height: 65px;
    /* background: url("../img/index/m6-bg01.png") center 0 no-repeat;
    background-size: contain; */
    border-bottom: 1px solid #999;
}

.m-tab-f01 .con {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.m-tab-f01 .wp {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: auto;
}

.m-tab-f01 .item {
    display: block;
    flex: 0;
}



.m-tab-f01 .item.s5 {
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
}

.m-tab-f01 .item.s6 {
    transform: translateX(-21px);
    -webkit-transform: translateX(-21px);
    -moz-transform: translateX(-21px);
    -ms-transform: translateX(-21px);
    -o-transform: translateX(-21px);
}

.m-tab-f01 .pic {
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    position: relative;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.m-tab-f01 .pic:after {
    content: "";
    display: block;
    border: 5px solid rgba(255, 255, 255, .20);
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 2;
}

.m-tab-f01 .pic .img {
    width: 110px;
    height: 110px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    overflow: hidden;
    background: #fff url("../images/index/m6-icon-bg1.png") center center no-repeat;
    background-size: cover;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    z-index: 3;
    flex-direction: column;
}

.m-tab-f01 .pic img {
    width: 46px;
    display: block;
    object-fit: contain;
}

.m-tab-f01 .pic .hover {
    display: none;
}

.m-tab-f01 .on .pic .img {
    /* background: linear-gradient(-59deg, #0CAEF6, #066CDE) !important; */
    background: linear-gradient(-59deg, #f6220c, #de2a06) !important;
}

.m-tab-f01 .on .pic .normal {
    display: none;
}

.m-tab-f01 .on .pic .hover {
    display: block;
}

.m-tab-f01 .item.on h3 {
    color: #fff;
}

.m-tab-f01 h3 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.m-tab-f01 .item .pic:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: prop 1.2s linear infinite;
    -o-animation: prop 1.2s linear infinite;
    animation: prop 1.2s linear infinite;
}

.m-tab-f01 .item.on .pic:before {
    display: block;
}


.swiper-tab .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    color: #fff;
    z-index: 2;
    width: 50%;
    background: rgba(0, 0, 0, .35);
    bottom: 0;
}

.swiper-tab .inner {
    padding: 70px 70px 70px 300px;
}

.swiper-tab .txt h3 {
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: bold;
    color: #ddd;
}

.swiper-tab .txt .desc {
    margin-bottom: 40px;
    font-size: 16px;
    color: #ddd;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.swiper-tab .g-pagination {
    position: absolute;
    right: 10%;
    top: 16%;
    color: #fff;
    font-size: 16px;
    width: 100px;
}

.swiper-tab .g-pagination .prev {
    font-size: 24px;
}

.bg-blue {
    background: #0150d3;
}

.bg-yellow {
    background: #ff9000;
}

.picMarquee-left {
    height: 230px;
    overflow: hidden;
}

.fl {
    float: left;
}

.picMarquee-left ul li {
    flex: 1;
    width: 23%;
    margin-left: 1%;
}

.picMarquee-left ul li .box:hover a .text {
    color: #DA251C;
    text-decoration: underline;
}

.picMarquee-left ul li:last-child {
    margin-right: 0;
}

.picMarquee-left ul li .box .img {
    position: relative;
    padding-bottom: 65.2%;
    overflow: hidden;
}

.picMarquee-left ul li .box .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.picMarquee-left ul li .box .img:hover img {
    transform: scale(1.1);
    transition: all .3s;
}


.picMarquee-left ul li .box .text {
    color: #333333;
    font-size: 16px;
    background-color: #eee;
    line-height: 2.5rem;
    height: 2.5rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px;
}

.txtov {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tempWrap {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.mySwiper.swiper-container-vertical {
    touch-action: pan-x;
    height: 50px;
    overflow: hidden;
}

.mySwiper .swiper-slide {
    line-height: 50px;
}

.mySwiper .swiper-slide a {
    font-size: 16px;
    color: #666;
    padding: 10px 0;
}

.news-img-block {
    max-width: 780px;
    position: relative;
    overflow: hidden;
}

.news-img-block .imgs {
    display: block;
    overflow: hidden;
    padding-bottom: 68%;
}

.news-img-block .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.news-img-block img {
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    width: 100%;
}

.news-img-block .swiper-pagination {
    color: #fff;
    left: auto;
    right: 0;
    bottom: 0px;
    z-index: 1;
    padding: 14px 0;
    width: 200px;
}

.news-img-block .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0 4px;
    opacity: 1;
}

.news-img-block .swiper-pagination .swiper-pagination-bullet-active {
    background: #50a5da;
    width: 30px;
    border-radius: 10px;
}

.swiper-pagination-current {
    font-size: 20px;
}

.news-img-block .text-box {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 1.5rem;
    padding: 2rem 2.5rem;
    min-height: 6.4rem;
    color: #FFF;
    position: absolute;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-img-block .swiper-button-next,
.news-img-block .swiper-button-prev {
    top: auto;
    color: #fff;
    height: auto;
    width: auto;
    bottom: 20px;
}

.news-img-block .swiper-button-next:after,
.news-img-block .swiper-button-prev:after {
    font-size: 0px;
}

.news-img-block .swiper-button-next i,
.news-img-block .swiper-button-prev i {
    font-size: 35px;
}

.news-img-block .swiper-button-prev,
.news-img-block .swiper-rtl .swiper-button-next {
    left: auto;
    right: 100px;
}

/* //单行溢出省略： */
.title-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 多行溢出省略： */
.p-over {
    box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.bg-gray {
    background: #f8f8f8;
    padding: 60px 0;
}

.back-top {
    align-items: center;
    background: #333;
    border: 2px solid #fff;
    bottom: 2vw;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: .9375vw;
    height: 50px;
    justify-content: center;
    opacity: 0;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    transform: scale(.8) translate(90px, 90px);
    transition: all .3s;
    visibility: hidden;
    width: 50px;
    z-index: -1;

}

.back-top:hover {
    background: #000;
    color: #fff;
}

.back-top-show {
    opacity: 1;
    transform: scale(1) translate(0);
    visibility: visible;
    z-index: 2
}

.back-top-show:hover {
    text-decoration: none;
}

.back-foot {
    background: #0150d3;
    color: #fff;
    position: fixed;
    right: 0;
    top: 45%;
    writing-mode: vertical-lr;
    padding: 15px 7px;
    font-size: 16px;
    border-radius: 20px 0 0 20px;
    z-index: 888;
}

.back-foot a {
    color: #fff;
}

.back-foot:hover {
    background: #5488df;
    color: #fff;
    text-decoration: none;
}

.index-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.index-banner .swiper-slide {
    background: rgba(0, 0, 0, .6)
}

.index-banner .imgs {
    display: block;
    position: relative;
    padding-bottom: 36.5%;
}

.index-banner .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.index-banner img {
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    width: 100%;
}

.index-banner .swiper-pagination {
    color: #fff;
    bottom: 6%;
    z-index: 1;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    top: auto;
}

.index-banner .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    opacity: .3;
    margin: 0 5px;
    border: 1px solid #fff;
}

.index-banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
    width: 50px;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
    top: 80%;
    color: #fff;
    background: none;
}

.index-banner .swiper-button-prev {
    left: 300px;
}

.index-banner .swiper-button-next {
    left: 320px;
}

.index-banner .swiper-button-next:after,
.index-banner .swiper-button-prev:after {
    font-size: 0px;
}

.index-banner .swiper-button-next i,
.index-banner .swiper-button-prev i {
    font-size: 35px;
}

.index-banner .swiper-button-prev,
.index-banner .swiper-rtl .swiper-button-next {
    right: auto;
    left: 230px;
}

#banner-index .banner-left {
    background-color: #0150d3;
}

#banner-index .carousel-inner {
    display: flex;
}

#banner-index .banner-index-block {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-banner .carousel-item {
    display: block;
    overflow: hidden;
    padding-bottom: 33%;
    flex-shrink: 0;
}

.index-banner .img-block {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.index-banner .img-block img {
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    width: 100%;
}

.index-banner .carousel-control-prev,
#banner-index .carousel-control-next {
    bottom: 20%;
    height: 50px;
    top: auto;
    z-index: 5;
}

.index-banner .carousel-indicators {
    left: 3%;
    right: initial;
    bottom: 18.5%;
    margin-left: 12%;
}

.index-banner .carousel-indicators li {
    background: none;
    text-indent: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 32px;
}

.index-banner .carousel-control-prev {
    left: 5%;
    opacity: 1;
}

.index-banner .carousel-control-next {
    left: 13%;
    opacity: 1;
}

.index-banner .carousel-control-prev-icon {
    background: none;
}

.index-banner .carousel-control-next-icon {
    background: none;
}

.index-banner .carousel-control-prev-icon i,
.index-banner .carousel-control-next-icon i {
    font-size: 3rem;
}

.news-list {
    margin: 20px 0 0;
    padding: 0;
}



.title-innerPage a {
    padding: 0;
    font-size: 16px;
}

.title-innerPage .breadcrumb {
    margin: 0;
    background: #fff;
    font-size: 16px;
}

.title-innerPage .breadcrumb a {
    color: #666;
}

.title-innerPage .breadcrumb li.active a {
    color: #0150d3;
}

.page-content {
    min-height: 600px;
    padding: 30px;
}

.wrap-ltit {
    position: relative;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    line-height: 46px;
    background: #242326;
    color: #fff;
}

.wrap-lul .wrap-lli a {
    position: relative;
    display: block;
    padding-top: 5px;
    line-height: 42px;
    border-bottom: 1px solid #ddd;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap-lul .wrap-lli a img {
    filter: grayscale(0%) brightness(50%)
}

.wrap-lul .wrap-llion a {
    background-color: #da251c;
    color: #fff;
}

.wrap-lul .wrap-llion a img {
    filter: grayscale(100%) brightness(300%)
}

.wrap-lul {
    background: #efefef;
}

.wrap-rtxtl {
    float: left;
    font-size: 18px;
    line-height: 58px;
    padding-left: 10px;
}

.wrap-rtxtr {}

.wrap-rtxtr a.on {
    color: #da251c;
}

.bg {
    background: #f4fbff;
}

.wrap-li {
    border-bottom: 1px dashed #dadada;
}

.wrap-li a {
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
}

.wrap-li a:hover {
    box-shadow: #cfdfec 0px 5px 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
}

.wrap-li .date {
    text-align: center;
    color: #50a5da;
    margin-right: 20px;
    padding: 0 15px;
    background: #eee;
}

.wrap-li:hover .date .t,
.wrap-li:hover .text .t {
    color: #50a5da;
}

.wrap-li .date .t {
    font-size: 30px;
    margin: 10px 0 0;
    font-weight: bold;
}

.wrap-li .text .t {
    color: #222;
    font-size: 20px;
    margin: 10px 0;
    font-weight: bold;
}

.wrap-li .date .t2 {
    font-size: 16px;
}

.wrap-li .text {
    flex: 1;
    width: 0;
}

.wrap-li .text .t2 {
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 28px;
    padding-top: 28px;
}

.news-pub {
    min-height: 30px;
    background: #f1f1f1;
    text-align: center;
    color: #666;
    line-height: 30px;
    padding: 5px;
    margin-bottom: 20px;
}

.news-pub span {
    padding: 0 10px;
}

.news-txt img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.news-text-block img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.news-text-block p {
    font-size: 18px;
    text-indent: 20px;
    line-height: 1.8;
    margin: 20px 0;
    color: #333;
}

.pic-block {
    margin: 0 0 30px;
    background: #fff;
    border-bottom: 2px solid #50a5da;
}

.pic-block:hover {
    box-shadow: 4px 4px 4px #ccc;
}

.pic-block .img-block {
    display: block;
    height: 280px;
    overflow: hidden;

}

.pic-block .img-block img {
    width: 100%;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
    transition: all .5s ease-in-out;
}


.pic-block .img-block:hover img {
    transform: scale(1.05);
    transition: all .4s;
}

.pic-block p {
    background: #eee;
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pic-block a:hover {
    text-decoration: none;
    color: #50a5da;
}

.page {
    text-align: center;
    line-height: 2.5rem;
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
}

.page a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 15px;
    background: #eee;
    color: #50a5da;
    vertical-align: top;
    font-size: 14px;
}

.page a.on {
    background-color: #50a5da;
    color: #FFFFFF;
}

.page-fenye {
    margin-top: 3rem;
    font-size: 1.2rem;
    color: #666;
}

.page-fenye .pagination {
    align-items: center;
}

.page-fenye .form-control {
    width: 70px;
    margin-left: 1rem;
}

.bt-more {
    font-size: 16px;
}


.sub li {
    height: 3.125rem;
    line-height: 3.125rem;
}

.sub li a {
    color: #4c4c4c;
    font-size: 16px;
    display: block;
    padding: 0 1.25rem;
}

.sub li.on a {
    border-bottom: 2px solid #50a5da;
}

.m-0 {
    margin: 0;
}

.topic-block {
    position: relative;
    z-index: 8;
    margin-top: 60px;
}

.topic-title {
    margin-right: 20px;
}

.topic-block .swiper-button-next,
.topic-block .swiper-button-prev {
    background: #eee;
    width: 260px;
    height: 160px;
    top: 20px;
}

.topic-block .swiper-button-next {
    border-radius: 10px 0 0 10px;
    justify-content: left;
    padding-left: 2rem;
}

.topic-block .swiper-button-prev {
    border-radius: 0 10px 10px 0;
    justify-content: right;
    padding-right: 2rem;
}

.topic-block .swiper-button-prev:after,
.topic-block .swiper-button-next:after {
    color: #ccc;
    font-weight: bold;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.code-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.code-block p {
    margin: 0 20px 0 0;
}

.footer {
    background: #50a5da;
    color: #fff;
    padding: 2.5rem 10px 2.5rem;
    font-size: 1.2rem;
    line-height: 2;
}

.grace-title {
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
    margin: 4rem 0 2.5rem;
    background: url(../img/bg-title-grace.png) center no-repeat;
    padding: 15px 10px 0px;
}

.page-banner {
    background: url(../img/page-banner01.jpg) center top no-repeat;
    background-size: cover;
    height: 300px;
    padding-top: 7rem;
}

.page-banner .page-banner-txt {
    color: #fff;
    position: relative;

}

.page-banner .page-banner-txt h2 {
    font-size: 36px;
    font-weight: bold;
}

.page-banner .page-banner-txt::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    background: #50a5da;
    bottom: -10px;
    left: 0;
}


.page_nav {
    background: url(../img/bg-page-nav.png) center top no-repeat;
    margin-top: -47px;
    padding-top: 25px;
}

.page_nav ul {
    display: flex;
}

.page_nav ul li {
    background: #eee;
    margin-right: 10px;
}

.page_nav ul li.active {
    background: #50a5da;
}

.page_nav ul li.active a {
    color: #fff;
}

.page_nav ul li a {
    display: block;
    padding: 10px 2rem;
    font-size: 18px;
    color: #50a5da;
    position: relative;
}

.page_nav ul li:hover {
    background: #50a5da;
}

.page_nav ul li:hover a {
    color: #fff;
    text-decoration: none;
}

.page_nav ul li:nth-child(1) a::after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 47px solid #eee;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.page_nav ul li a::before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 50px solid #fff;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 0;
    right: -1px;
}

.page_nav ul li:nth-child(1) a:hover::after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 47px solid #50a5da;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.page_nav ul li a:after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 50px solid #fff;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 0;
    left: -1px;
}

.page-title {
    color: #50a5da;
    padding: 10px;
    margin: 40px 0 30px;
    border-bottom: 2px solid #ddd;
    background: url(../img/bg-title01.jpg) left bottom 10px no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title h2 {
    font-size: 30px;
    font-weight: bold;
}

.page-breadcrumb a {
    padding: 0 5px;
}

.index-notice {
    background: #fafafa;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-notice .swiper-container {
    height: 40px;
    overflow: hidden;
}

.index-notice .swiper-container a {
    align-items: center;
    color: #333;
    display: flex;
    height: 40px;
    justify-content: center;
}
.index-notice a p {
    max-width: 70%;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
}

.index-notice .data {
    margin-right: 30px
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice-title {
    color: #50a5da;
    font-size: 18px;
    white-space: nowrap;    
}

.notice-title img {
    margin-right: 8px;
    max-height: 30px;
}


@media (min-width: 1900px) {
    .container {
        max-width: 1360px;
    }

    .index-nav {
        justify-content: flex-end !important;
    }
}


@media(min-width: 1200px) and (max-width: 1440px) {

    .index-banner2 .swiper-button-next,
    .index-banner2 .swiper-button-prev {
        top: 74%;
    }

    .index-banner2 .swiper-button-prev {
        left: 240px;
    }

    .index-banner2 .swiper-button-next {
        right: 220px;
    }

    .index-banner2 .text-box {
        padding: 70px 70px 0 70px;
    }

    .m-tab-f01 .wp {
        max-width: 700px;
    }

    #banner-index .carousel-control-prev,
    #banner-index .carousel-control-next {
        bottom: 10%;
    }

    #banner-index .carousel-indicators {
        bottom: 8%;
        left: 0;
        margin-left: 11%;
    }

    .container {
        max-width: 1360px;
    }

    #banner-index .carousel-caption {
        left: 22%;
        width: 420px;
    }

    #banner-index .carousel-control-prev {
        left: 2%;

    }

    #banner-index .carousel-control-next {
        left: 10%;
    }

    .back-foot {
        top: 40%;
    }

}

/*@media (max-width: 1920px) {*/
/*    .container {*/
/*        max-width: 1360px;*/
/*    }*/
/*}*/

@media(min-width: 1440px){
       .container {
        max-width: 1360px;
    }
}

@media (max-width: 1440px) {

    .topic-block .swiper-button-next,
    .topic-block .swiper-button-prev {
        width: 40px;
        padding: 1rem;
    }

}

@media(max-width:1024px) {
    /*.notice-title{*/
    /*    display: none;*/
    /*}*/
    .graceTab a {
        font-size: 1rem;
        padding: 10px ;
    }

    .graceTab {
        /*left: 20%;*/
        /*top: 4%;*/
        /*transform: translate(-8%, -5%);*/
        width: 100%;
    }

    .myTab {
        padding: 0;
    }

    .page-banner {
        padding-top: 7rem;
    }

    .grace-block .mySwiper01,
    .grace-block .mySwiper02,
    .grace-block .mySwiper03 {
        height: 300px;
    }

    .grace-block .mini-img {
        height: 27%;
        bottom: 0rem;
    }

    .page a {
        padding: 0 10px;
    }

    .mini-img .swiper-slide {
        height: 66%;
    }

    .footer .flex-center {
        flex-direction: column;
        text-align: center;
    }

    .grace-block .swiper-slide .text-box {
        top: 22%;
        left: 10%;
        width: 80%;
        padding: 20px;
    }

    .grace-block .swiper-slide .text-box h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .grace-block .swiper-slide .text-box p {
        box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        font-size: 16px;
    }

    .grace-block .swiper-button-prev {
        left: 10px;
    }

    .grace-block .swiper-button-next {
        right: 10px;
    }

    .news-img-block .text-box {
        font-size: 1rem;
        padding: 2rem 1rem 3rem;
    }

    .title01 {
        margin: 20px 0 10px;
    }

    .block-title-home {
        margin: 20px 0;
    }

    .title {
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .title h2 {
        font-size: 20px;
    }

    .news-detail .news-link {
        padding: 1rem;
    }

    .news-detail h3 {
        font-size: 1.5rem;
    }

    .news-detail .content img {
        margin: 1rem auto;
    }

    .history-note {
        margin-left: 1.2rem;
        font-size: 1rem;
    }

    .topic-block .swiper-button-prev:after,
    .topic-block .swiper-button-next:after {
        color: #666;
        font-weight: normal;
        font-size: 2rem;
    }

    .page-breadcrumb {
        display: none;
    }
}

@media (max-width: 768px) {
    .search{
        min-width: 350px;
    }
    
    .index-notice .flex-center{
        flex-direction: column;       
    }
    .page-title {
        margin: 20px 0 10px;
    }

    .wrap-li a {
        padding: 15px 0;
    }

    .page_nav ul {
        flex-wrap: wrap;
    }

    .page_nav ul li {
        flex-basis: 30%;
        margin-top: 5px;
    }

    .page_nav ul li a {
        padding: 10px;
        text-align: center;
    }

    .topic-block .swiper-button-next {
        right: 0;
        bottom: -44px;
        height: 40px;
        top: auto;
        width: 50%;
        border-radius: 0%;
    }

    .topic-block .swiper-button-prev {
        left: 0;
        right: 0;
        bottom: -44px;
        height: 40px;
        top: auto;
        width: 50%;
        border-radius: 0%;

    }

    .m-tab-f01 .item {
        margin: 0 5px;
    }

    .m-tab-f01 .pic {
        width: 90px;
        height: 90px;
    }

    .m-tab-f01 .pic .img {
        width: 90px;
        height: 90px;
    }

    .m-tab-f01 h3 {
        font-size: 14px;
    }

    .m-tab-f01 {
        left: 3%;
    }



    .wrap-rtxtr {
        margin: 10px 0;
    }

    .sub li a {
        padding: 0 7px;
    }

    .index_link-block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10px 10px;
    }

    .index_link {
        padding: 0;
    }

    .index-banner2 .text-box {
        padding: 10px;
    }

    .index-banner2 .text-box h3 {
        font-size: 28px;
        margin: 20px 0 0;
    }

    .index-banner2 .text-box p {
        margin: 20px 0;
        box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .index-banner2 .swiper-button-next i,
    .index-banner2 .swiper-button-prev i {
        font-size: 30px;
        padding: 0 8px;
    }

    .index-banner2 .swiper-button-prev {
        left: 40px;
    }

    .index-banner2 .swiper-button-next {
        right: 40px;
    }

    .myTabContent {
        padding: 0;
    }



    .index-banner2 .imgs {
        padding-bottom: 120%;
    }

    .index-banner2 img {
        width: auto;
    }



    .hot-news h3 {
        white-space: inherit;
    }

    .wrap-li .date {
        width: 75px;
        padding: 0;
        margin-right: 10px;
    }

    .home-news {
        padding: 0;
    }

    .party-work {
        padding: 0px;
    }

    .bg-gray {
        padding: 20px 0;
    }

    .party-work ul {
        margin: 0 0 10px;
    }

    .code-block {
        width: auto !important;
        margin: 10px;
    }

    .index-banner {
        margin-top: 60px;
    }



    .page-banner img {
        max-width: 100%;
        object-fit: cover;
        height: 150px;
    }

    .page-content {
        padding: 10px;
    }

    .news-img-block {
        max-width: 100%;
    }

    .index-banner .imgs {
        padding-bottom: 50%;
    }

    .news-block {
        padding: 0;
        margin: 20px 0 0;
    }

    .myTab a {
        font-size: 20px;
    }

    .index-banner2 {
        margin: 20px 0 0;
    }

    .product-block {
        margin: 10px auto;
        width: auto;
    }

    .title-innerPage {
        display: block;
    }

    #banner-index .carousel-indicators {
        display: none;
    }

    #banner-index .carousel-caption {
        left: 1rem;
    }

    #banner-index .carousel-caption .line {
        display: none;
    }

    #banner-index .carousel-caption {
        width: 150px;
        top: 0;
    }

    #banner-index .carousel-caption h3 {
        font-size: 14px;
        line-height: 1.2;
    }

    #banner-index .carousel-caption button {
        display: none;
    }







    .news-h1 {
        font-size: 20px;
        padding: 10px 0;
        line-height: 1.4;
        font-weight: bold;
    }

    .picMarquee-left {
        height: 100px;
    }

    .product-center {
        padding: 20px 0;
    }

}


@-webkit-keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        opacity: 1;
        filter: alpha(opacity=10);
    }

    to {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, .8);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-o-keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        opacity: 1;
        filter: alpha(opacity=10);
    }

    to {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, .8);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-moz-keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        opacity: 1;
        filter: alpha(opacity=10);
    }

    to {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, .8);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@-ms-keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
        opacity: 1;
        filter: alpha(opacity=10);
    }

    to {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, .4);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

@keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
        opacity: 1;
        filter: alpha(opacity=10);
    }

    to {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, .4);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.copyright a{
    color:#fff !important;
}
.topic-block .swiper-horizontal{
 flex: 1;
 width: 0;
}